<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<style>
    .form-control {
        border: 0;
    }

</style>
<div class="main-content">
    <div class="box box-main">
        <form id="reportOrderForm" model="post" action="<c:url value="/web/admin/repairOrder/addOrUpdate.action"/>"
              method="post" class="form-horizontal">
            <div class="box-body">
                <div class="form-unit">基本信息</div>
                <input type="hidden" name="id" value="${repairOrder.id}"/>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修编号：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.reportCode}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修单类型：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrderType}</p>
                            </div>
                        </div>
                    </div>


                    <c:if test="${repairOrderType=='400报修'}">
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label class="control-label col-sm-4" title="">
                                    客户报修人：<i class="fa icon-question hide"></i></label>
                                <div class="col-sm-8">
                                    <p class="form-control">${repairOrder.customer}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label class="control-label col-sm-4" title="">
                                    客户报修号码：<i class="fa icon-question hide"></i></label>
                                <div class="col-sm-8">
                                    <p class="form-control">${repairOrder.callNumber}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label class="control-label col-sm-4" title="">
                                    接线人：<i class="fa icon-question hide"></i></label>
                                <div class="col-sm-8">
                                    <p class="form-control">${repairOrder.telephoneUser.userName}</p>
                                </div>
                            </div>
                        </div>
                    </c:if>



                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修人：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.reportUser.userName}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                所属企业：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.enterprise.enterpriseName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修地址：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.reportAddress}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修内容：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.reportContent}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修专业：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.majorName}</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修等级：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.reportLevel.grade}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修来源：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.repairSourceEnum.name}</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修部门：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.organization.organizationName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                座机号码：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.telephone}</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                手机号码：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.mobile}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修区域：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.reportArea.areaName}</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                维修单类型：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.repairType.propertyName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${repairOrder.createDate}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                维修完成时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${repairOrder.presenceTime}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                设备名称：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.facility.name}</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                设备类型：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.facility.facilityCat.catName}</p>
                            </div>
                        </div>
                    </div>
                    <%--<div class="col-xs-6">--%>
                        <%--<div class="form-group">--%>
                            <%--<label class="control-label col-sm-4" title="">--%>
                                <%--设备地址：<i--%>
                                    <%--class="fa icon-question hide"></i></label>--%>
                            <%--<div class="col-sm-8">--%>
                                <%--<p class="form-control">${repairOrder.position}</p>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                故障名称：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.troubleCat.troubleCatName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                故障现象及其他：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.telephone}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                要求到场时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${repairOrder.requirePresenceTime}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                要求完成时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${repairOrder.requireFinishTime}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                到场时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${repairOrder.presenceTime}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                负责人：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.receiveUser.userName}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <c:if test="${repairOrderType=='400报修'}">
                    <div class="row">
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label class="control-label col-sm-4" title="">
                                    维修确认时间：<i
                                        class="fa icon-question hide"></i></label>
                                <div class="col-sm-8">
                                    <p class="form-control"><fmt:formatDate value="${repairOrder.confirmDate}"
                                                                            pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-6">
                            <div class="form-group">
                                <label class="control-label col-sm-4" title="">
                                    签名时间：<i
                                        class="fa icon-question hide"></i></label>
                                <div class="col-sm-8">
                                    <p class="form-control"><fmt:formatDate value="${repairOrder.signDate}"
                                                                            pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </c:if>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                完成评分：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control" style="color: darkgoldenrod"><c:forEach begin="1"
                                                                                                end="${repairOrder.lastScore}">★</c:forEach></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                完成评价：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control" >${repairOrder.lastRemark}</p>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-xs-12">
                        <div class="form-group">
                            <label class="control-label col-sm-2" title="">
                                审批流：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-9">
                                <c:forEach items="${flow}" var="flows" varStatus="count">
                                    <c:if test="${count.index>0}">
                                        <li class="glyphicon glyphicon-arrow-right countSize"></li>
                                    </c:if>
                                    <p class="btn btn-default square"
                                            <c:if test="${count.index == repairOrder.auditLevel && repairOrder.repairOrderStatusEnum == 'IN_AUDITING'}">
                                                style="background-color: red"
                                            </c:if>
                                    >${flows.text} ${flows.value}</p>
                                </c:forEach>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-unit">照片信息</div>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                报修照片：<i
                                    class="fa icon-question hide"></i></label>
                            <c:forEach var="entry" items="${repairOrder.reportPhoto}">
                                <img src="<%=request.getContextPath()%>/${entry.path}" width="10%"/>
                            </c:forEach>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                到场照片：<i
                                    class="fa icon-question hide"></i></label>
                            <c:forEach var="entry" items="${repairOrder.presencePhoto}">
                                <img src="<%=request.getContextPath()%>/${entry.path}" width="10%"/>
                            </c:forEach>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                完成照片：<i
                                    class="fa icon-question hide"></i></label>
                            <c:forEach var="entry" items="${repairOrder.finishPhoto}">
                                <img src="<%=request.getContextPath()%>/${entry.path}" width="10%"/>
                            </c:forEach>
                        </div>
                    </div>
                </div>

                <div class="form-unit">录音信息</div>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                录音：<i
                                    class="fa icon-question hide"></i></label>
                            <audio src="<%=request.getContextPath()%>/${repairOrder.resource.path}" controls="controls"
                                   width="10%"></audio>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                主叫号码：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.src}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                接线人：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${repairOrder.telephoneUser.userName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                400录音：<i
                                    class="fa icon-question hide"></i></label>
                            <audio src="${recordPath}" controls="controls"
                                   width="10%"></audio>
                        </div>
                    </div>
                </div>

            </div>
        </form>
    </div>
</div>


<script>


</script>


